<template>
        <section id="homeBLog">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12">
            <div class="homBlog-area" id="usescence">
             <!-- Start Service Title -->
                <usageHead></usageHead>
              <!-- Start Home Blog Content -->
              <div class="homeBlog-content">
                <div class="row">
                    <single v-for="(data, index) in datas" :key="index">
                        <template slot="a">
                            <img :src=data.image>
                        </template>
                        <template slot="b">
                            {{data.name}}
                        </template>
                    </single>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
        </section>
</template>

<script>
import usageHead from './usageChild/usageHead'
import single from './usageChild/single'
export default {
  data () {
    return {
      datas: [
        new this.ContributeDatas('帮我从食堂带外卖', 'images/usageScenarios1.jpg'),
        new this.ContributeDatas('帮我取快递', 'images/usageScenarios2.jpg'),
        new this.ContributeDatas('帮我送还书', 'images/usageScenarios3.jpg'),
        new this.ContributeDatas('帮我跨校区带文件', 'images/usageScenarios4.jpg')
      ]
    }
  },
  components: {
    single,
    usageHead
  },
  methods: {
    ContributeDatas (name, image) {
      this.name = name
      this.image = image
    }
  }
}
</script>
